<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户注册</title>
</head>
<body>
  <form  id="form-reg">
    <h1>用户注册</h1>
    <p>请输入用户名:</p>
    <p>
      <input type=text placeholder="请输入用户名" name="username" />
    </p>
    <p>请输入密码:</p>
    <p>
      <input type=password placeholder="请输入密码" name="password" />
    </p>
    <p>请输入年龄:</p>
    <p>
      <input type=text placeholder="请输入年龄" name="age" /j>
    </p>
    <p>请输入手机号码:</p>
    <p>
      <input type="tel" placeholder="请输入手机号" name="phone" />
    </p>
    <p>请输入电子邮箱:</p>
    <p>
      <input type="email" placeholder="请输入电子邮箱" name="email" />
    </p>
    <p>
      <input id="btn-reg" type="button" value="注册" />
    </p>
  </form>
  <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  <script type="text/javascript">
			//绑定单击事件
			$("#btn-reg").click(function() {
//$.ajax()函数用于发出异步请求,并处理响应结果
//$.ajax()函数的参数是1个JSON参数
//url :将请求提交到哪里去
//data:请求参数
//type:请求方式
//dataType:服务器端响应的结果的类型,可以是text/xml/json,取决于Response headers中的Content-Type
//success:当服务器响应2xx时的回调函数,函数的参数就是服务器响应的数据对象
				$.ajax({
					"url":"reg.do",
					"data":$("#form-reg").serialize(),
					"type":"post",
					"dataTpye":"json",
					"success":function(json){
						if(json.state==1){
							alert("注册成功");
						}else{
							alert("注册失败!"+json.message);
						}
					}
				});
			});
		</script>
</body>
</html>